<template>
	<div class="person">
		<h1>人员信息</h1>
		<h4>姓名：{{ming}}</h4>
		<h4>性别：{{sex}}</h4>
		<h4>年龄：{{age}}</h4>
		<h4>昵称：{{chuohao}}</h4>
		<h4>其他信息：</h4>
		<ul>
			<li>是否结婚：{{other.isMarried ? '是' : '否'}}</li>
			<li>联系方式：{{other.phone}}</li>
		</ul>
	</div>
</template>

<script>
	export default {
		name:'Person',
		props:['ming','chuohao','sex','age','other'],
		mounted() {
			console.log(this)
		},
	}
</script>

<style scoped>
	.person{
		background-color: skyblue;
		padding: 20px;
	}
</style>